Skip to main content

What's Included

SvelteBolt is a complete SaaS starter that saves you weeks of development time. Here's everything included:

Dashboard Preview​

Light Mode Dashboard

SvelteBolt Dashboard - Light Mode

Dark Mode Dashboard

SvelteBolt Dashboard - Dark Mode

🔐 Authentication​

  • Magic Link Login - Passwordless authentication via email
  • Social Login - Google, GitHub, and other OAuth providers
  • User Profiles - Automatic profile creation with customizable fields
  • Session Management - Secure JWT-based authentication with Supabase
  • Protected Routes - Auth guards for dashboard pages
  • Email Templates - Pre-configured Supabase auth emails
  • Password Reset - Secure password reset flow

💳 Payments & Subscriptions​

  • Stripe Integration - Complete payment processing setup
  • Subscription Management - Monthly/yearly billing cycles
  • Customer Portal - Self-service billing management via Stripe
  • Webhook Handling - Automatic subscription status updates
  • Test Mode Ready - Pre-configured for Stripe test environment
  • Invoice Management - Payment history and receipts (Soon)
  • Multiple Plans - Plus and Pro subscription tiers

🎨 UI Components​

  • shadcn-svelte Components - 50+ beautiful, accessible components
  • Responsive Design - Mobile-first, works on all devices
  • Dark/Light Mode - Theme switcher with mode persistence
  • Dashboard Layout - Collapsible sidebar with navigation
  • Forms - Validated forms with error handling using Superforms
  • Modal System - Drawers, dialogs, and overlays

📄 Pre-built Pages​

  • Landing Page - Hero, features, pricing, FAQ sections
  • Authentication Pages - Login, signup, magic link flow
  • Dashboard Home - Analytics and overview widgets
  • Settings Pages - Profile, account, billing management
  • Legal Pages - Terms of service, privacy policy
  • Contact Form - Customer support contact system
  • Premium Features - Subscription-gated content examples
  • Error Pages - Custom 404 and error handling

🛠 Developer Experience​

  • Svelte 5 - Latest Svelte features and performance improvements
  • SvelteKit - Modern full-stack framework with SSR
  • TypeScript - Full type safety throughout the application
  • ESLint & Prettier - Code linting and formatting
  • Tailwind CSS - Utility-first CSS framework with custom config
  • Vite - Lightning-fast development and build tooling
  • Auto-imports - Automatic component and utility imports
  • Path Aliases - Clean import paths ($lib/, $assets/, etc.)

🗄 Database & Backend​

  • Supabase Integration - PostgreSQL database with real-time subscriptions
  • Row Level Security - Database-level access control
  • Database Migrations - Version-controlled schema changes
  • Type Generation - Auto-generated TypeScript types from database
  • Server-side Validation - Form validation with Zod schemas
  • Error Handling - Comprehensive error management and logging

🏗 Tech Stack​

  • Frontend: Svelte 5, SvelteKit, TailwindCSS
  • Backend: Supabase (PostgreSQL + Auth + Storage)
  • Payments: Stripe
  • UI Library: shadcn-svelte, Bits UI, Lucide Icons
  • Validation: Zod, Superforms
  • Development: TypeScript, Vite, ESLint, Prettier

🚀 Production Ready​

  • SEO Optimized - Meta tags, sitemap, structured data
  • Performance - Lazy loading, code splitting, optimized images
  • Security - CSRF protection, secure headers, input sanitization
  • Deployment Ready - Works with Vercel, Netlify, and other platforms
  • Error Tracking - Built-in logging with Pino
  • Analytics Ready - Easy integration with analytics providers

Time Saved​

Instead of spending 4-6 weeks building these features from scratch, you get:

✅ Authentication system (5-7 days saved)
✅ Payment integration (3-5 days saved)
✅ Dashboard & components (7-10 days saved)
✅ Database setup (2-3 days saved)
✅ Type safety & tooling (2-3 days saved)

Total time saved: 3-4 weeks of development